<template>
    <el-dialog :visible.sync="isShow" width="40%" :lock-scroll="true" :show-close="true" append-to-body>
        <div class="track">
            <div v-for="item in arr" class="item">
                <div class="label">{{ item.label }}
                    <span v-if="item.span" :style="`color:${item.color}`">({{ item.span }})</span>
                </div>
                <el-input type="textarea"
                v-model="item.value"
                :autosize="{ minRows: 2, maxRows: 8 }"
                placeholder="暂无信息"
                >

                </el-input>
            </div>
        </div>
    </el-dialog>
</template>

<script>

export default {
    data() {
        return {
            isShow: false,
            arr: []
        }
    },
    props: {

    },
    methods: {
        doOpen(val) {

            this.arr = val
            this.isShow = true
        }
    },

}
</script>

<style lang="less" scoped>
.track {
    width: 80%;
    margin-left: 10%;
    // height: 200px;
    display: flex;
    flex-direction: column;

    .item {
        margin-bottom: 40px;

        .label {
            font-size: 16px;
            color: rgb(181, 215, 246);
            font-weight: bold;
            margin-bottom: 10px;
        }
    }
}
</style>
